<!-- Display left popover on hover -->
<button type="button" class="btn pmd-ripple-effect btn-default pmd-btn-raised notification-trigger" data-trigger="hover" data-toggle="popover" data-placement="left" data-content="Popover Left">Left</button>

<!-- Display top popover on hover -->
<button type="button" class="btn pmd-ripple-effect btn-default pmd-btn-raised notification-trigger" data-trigger="hover" data-toggle="popover" data-placement="top" data-content="Popover top">Top</button>

<!-- Display bottom popover on hover -->
<button type="button" class="btn pmd-ripple-effect btn-default pmd-btn-raised notification-trigger" data-trigger="hover" data-toggle="popover" data-placement="bottom" data-content="Popover Bottom">Bottom</button>

<!-- Display right popover on hover -->
<button type="button" class="btn pmd-ripple-effect btn-default pmd-btn-raised notification-trigger" data-trigger="hover" data-toggle="popover" data-placement="right" data-content="Popover Right">Right</button>